<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to Khoj</title>
</head>

<body
    style="font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f5f5f5;">
    <div
        style="background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 30px;">
        <a href="https://khoj.dev" target="_blank"
            style="display: block; text-align: center; margin-bottom: 20px; text-decoration: none;">
            <img src="https://assets.khoj.dev/khoj_logo.png" alt="Khoj Logo" style="width: 120px;">
        </a>

        <p style="font-size: 16px; color: #333; margin-bottom: 20px;">Use this code to login to Khoj:</p>

        <h1 style="font-size: 24px; color: #2c3e50; margin-bottom: 20px; text-align: center;">{{ code }}</h1>

        <p style="font-size: 16px; color: #333; margin-bottom: 20px;">It will be valid for 5 minutes.</p>

        <p style="font-size: 16px; color: #333; margin-bottom: 20px;">Can't sign in using the code? <a href="{{ link }}" target="_blank"
                style="color: #FFA07A; text-decoration: none; font-weight: bold;">Click here to sign in on this
                browser.</a></p>

        <div style="font-size: 14px; color: #555; margin-top: 30px;">- The Khoj Team</div>

        <div style="margin-top: 30px; text-align: center;">
            <a href="https://docs.khoj.dev" target="_blank"
                style="display: inline-block; margin: 0 10px; padding: 8px 15px; border: 2px solid #FFA07A; color: #FFA07A; text-decoration: none; border-radius: 5px; background-color: transparent;">Docs</a>
            <a href="https://github.com/khoj-ai/khoj" target="_blank"
                style="display: inline-block; margin: 0 10px; padding: 8px 15px; border: 2px solid #FFA07A; color: #FFA07A; text-decoration: none; border-radius: 5px; background-color: transparent;">GitHub</a>
        </div>
    </div>
</body>

</html>
